<style lang="less" scoped>
.component {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 0.66rem;
    padding: 0.12rem 0.08rem;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 2000;
    box-shadow: 0px -1px 0px 0px rgba(224, 224, 224, 0.5);

    .grid2 {
        height: 100%;
        ul {
            height: 100%;
        }
        li {
            height: 100%;
            padding: 0 8px;
            box-sizing: border-box;
        }
    }

    .btn {
        border-radius: 6px;
        font-size: 0.14rem;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .reject {
        color: #1b88ee;
        border: 1px solid #1b88ee;
        margin-right: 8px;
    }
    .resovle {
        background-color: #1b88ee;
        color: #ffffff;
    }
}
</style>
<template>
    <div class="component">
        <ul class="grid2">
            <li>
                <div class="btn reject" @click="clickReject">驳回</div>
            </li>
            <li>
                <div class="btn resovle" @click="clickResovle">通过</div>
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list: []
        };
    },
    methods: {
        clickReject() {
            this.$emit("onReject");
        },
        clickResovle() {
            this.$emit("onResovle");
        }
    },
    mounted() {}
};
</script>
